<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      layout:decorate="layout">
<head>
    <title>home</title>
</head>
<body>
<!--<h1 layout:fragment="header">Messages : View all</h1>-->
<div layout:fragment="content">
    <div class="box-header with-border">
        <h3 class="box-title">短信屏蔽名单</h3>
    </div>
    <!-- /.box-header -->
    <!-- form start -->
    <form class="form-horizontal" role="form">
        <div class="box-body">
            <div class="form-group col-md-3">
                <label for="blacklist_name" class="col-sm-4 control-label">姓名</label>

                <div class="col-xs-8 no-padding">
                    <input type="hidden" th:name="${_csrf.parameterName}" th:value="${_csrf.token}"/>
                    <input type="text" id="blacklist_name" class="form-control" placeholder="姓名（模糊匹配）" name="blacklist_name">
                </div>
            </div>
            <div class="form-group col-md-3">
                <label for="blacklist_mobile" class="col-sm-4 control-label">手机号</label>

                <div class="col-xs-8 no-padding">
                    <input type="text" id="blacklist_mobile" class="form-control" placeholder="手机号（完全匹配）" name="blacklist_mobile">
                </div>
            </div>
            <div class="form-group col-md-3 right-button">
                <button onclick="search_blacklist()" type="button" class="btn btn-danger right-button">搜索</button>
                <button onclick="del_blacklist()" type="button" class="btn btn-success right-button">移除屏蔽</button>
            </div>
        </div>
    </form>
    <div class="box-body">
        <table id="blacklist" class="table table-bordered table-striped">
            <thead>
            <tr>
                <th>序号</th>
                <th><input type="checkbox" value="blacklist_box" onclick="blacklist_box()"></th>
                <th>姓名</th>
                <th>手机号</th>
            </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>
    <script src="../../static/js/pages/blacklist.js"></script>
</div>
</body>
</html>
